body{ font-family: "微软雅黑" ; font-size: 12px; margin: 0; padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
img{ border:0 none;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
ul{ list-style: none; margin: 0; padding: 0;}
.ico{ background: url("../images/main.png") no-repeat;}
/******************sidebar侧边栏*****************/
.sidebar{width:335px;background-color: #02a2d5;position: fixed;right:-300px;top: 0px;height: 100%; z-index: 99999;}
.sidebar ul{ width: 35px; position: absolute; top: 0; left: 0; overflow: hidden; margin-top: 100px; text-align: center;}
.sidebar ul li{  padding:10px 0; }
.sidebar ul li:hover{ background-color: red;}
.sidebar ul li a.ico{  margin-left:9px; float: left;}
.sidebar ul li a:hover{text-decoration: none; }
.sidebar ul li span{ color: #fff;}
.bar_js{ position:absolute; bottom: 20px; width:95%; margin: 10px;}
.total{ background-color: #fff; overflow: hidden; height: 35px; line-height: 35px;}
.total .fr{ color:#02a2d5; font-size: 18px; }
.ico-car{ background-position: -32px 0; width: 20px; height: 20px; display:block;}
.nums{ margin: 0 auto; margin-top: 5px; display: block; color: #fff; text-align: center;width: 16px; height: 16px; line-height:16px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius:8px; background-color: red; font-style: normal;}
.ico-phone{ background-position: -92px 0; width: 20px; height: 20px; display:block;}
.ico-wx{background-position: -63px 0; width: 20px; height: 20px; display:block;}
.ico-return{background-position: -121px 0; width: 20px; height: 20px; display:block; margin-top: -2px;}
.buy_box{ width: 300px; position: absolute; top: 0; left:35px; background-color: #ececec; height: 100%;}
.buy_tab{ width: 95%; margin: 10px auto; background-color: #fff; border-collapse: collapse;}
.buy_tab th{ background-color: #c4e6f7; text-align: left; height: 35px;}
.buy_tab td{ border-bottom: 1px solid #ccc; height: 30px;}
.buy_box{ width: 300px; position: absolute; top: 0; left:35px; background-color: #ececec; height: 100%;}
.buy_box ul{ width:95%; position: relative; margin: 10px auto;}
.buy_box ul li{ width:100%; text-align:left;float: left; background-color: #fff; border-bottom: 1px solid #ddd;}
.buy_box ul li.all_c{background-color: #c4e6f7; padding-left: 5px;}
.buy_box ul li:hover{ background-color:#fff;}
.buy_box ul li span{ color: #444;}
.span1{ width: 10%; float: left; display: inline-block; text-align: center; margin-top:15px; }
.span2{ width:25%; float: left; display: inline-block; text-align: center;}
.span3{ width: 15%; float: left; display: inline-block; text-align: left; margin-top: 15px;}
.span4{ width:35%; float: left; display: inline-block; text-align: center; margin-top: 15px;}
.span5{ width: 15%; float: left; display: inline-block; text-align: left; margin-top: 15px;}
a.money{ height:35px; display:block; line-height:35px; font-size:16px; text-align:center;color: white; background: #02a2d5;border: none; width: 95%; margin: 10px auto; }
a.money:hover{ background-color: red; text-decoration: none;}
.container{ height: 100%; position: relative; margin-right: 35px;}
/******************top*****************/
.top{ width: 100%; background-color: #f0efef; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px;}
.ico-wel{ background-position: 0 0; width:16px; height: 16px; float: left; margin: 6px 5px 0 0;}
.top_l{ padding-left: 10px; color: #666;}
.top_r{ padding-right: 10px;}
.top_r a{ color: #666;}
.top_r a:hover{ color: red;}
a.b_word,.b_word{ color: #02a2d5;}
/******************logo*****************/
.logo{  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);}
.logo_content{ width: 1000px; margin: 0 auto; overflow: hidden;}
.ico_phone2{ background-position: 0 -36px; width: 72px; height: 60px; float: left;}
.logo_l{ margin-top: 5px;}
.logo_r{ padding-right: 5px;}
.logo_r em{ font-size: 22px; color: #02a2d5; margin: 15px 0 0 0; float: left;}
/******************banner*****************/
.banner{ width: 100%; background: url("../images/banner_bg.png") repeat-x top; }
.banner_content{ width: 1000px; margin: 0 auto;}
.bx-wrapper {margin: 0 auto 0; }
.bx-wrapper .bx-controls-direction a { position: absolute;top: 50%;margin-top: -36px; outline: 0;width: 72px;height: 72px; text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-prev { left:0px;background: url(../images/controls.png) no-repeat 0 0px;}
.bx-wrapper .bx-next { right:0px;background: url(../images/controls.png) no-repeat -73px 0px;}
.bx-wrapper .bx-prev:hover {background-position: 0 -73px;}
.bx-wrapper .bx-next:hover {background-position: -73px -73px;}
#bx-pager{ background-color: #0b84e1; height: 49px; line-height:49px; }
#bx-pager a {width: 332px; border-right: 1px solid #99cef7; height: 49px; line-height: 49px; display: block; color: #fff;  float: left; text-align: center; font-size: 18px;}
#bx-pager a.active{ background-color:#ff7200; }
#bx-pager a:hover{ text-decoration: none;}
#bx-pager span{ vertical-align: middle;}
.ico_lc{ background-position: -169px -12px; display: inline-block; width: 32px; height:26px;margin-right: 10px; vertical-align: middle;}
.ico_jx{background-position: -210px -12px; display: inline-block; width: 32px; height:26px;margin-right: 10px; vertical-align: middle;}
.ico_dx{background-position: -254px -12px; display: inline-block; width: 32px; height:26px; margin-top:-3px;margin-right: 10px; vertical-align: middle;}
/******************kinds*****************/
.kinds{width: 700px; margin:15px auto; overflow: hidden;}
.kinds a{ display: inline-block; width: 50%; float: left; text-align: center;}
.kinds a:hover{text-decoration: none;}
.kinds a span:hover{ color: red; }
.ico_ajx{ background-position: 0 -115px; width: 145px; height: 144px; display: block; margin: 5px auto;}
.ico_adx{background-position:-175px -115px; width: 145px; height: 144px; display: block; margin: 5px auto;}
.kind_dx{ font-size: 20px; color: #84b631;}
.kind_jx{ font-size: 20px; color: #209cdc;}
/******************coat*****************/

.coat{width: 1000px; margin:10px auto; }
.coat_nav{ border:1px solid #ccc;border-top:2px solid #02a2d5;  overflow: hidden; }
.coat_nav ul li{ float: left; padding: 7px 20px; border-right: 1px solid #ccc;  font-size: 16px; color: #666; cursor: pointer;}
.coat_nav ul li.active{ color: #02a2d5; font-weight: bold;   }
.coat_content{ margin: 20px auto}
.coat_list{ margin-right: -12px; overflow: hidden;}
.coat_list li{ border:1px solid #ccc; padding:5px 5px 8px 5px; width: 229px; float: left; margin: 0 12px 12px 0; }
.coat_list li:hover{ border:1px solid #ff7200; -webkit-box-shadow: 0 0 4px #ff7200; -moz-box-shadow: 0 0 4px #ff7200;box-shadow: 0 0 4px #ff7200;}
.header{ overflow: hidden;}
.header h5{ font-size: 16px; float: left; margin: 0; color: #444;}
.header em{ font-style:normal; color: red; float: right; font-size: 16px;}
.note{ font-size: 12px; margin: 7px 0; }
.pay{ overflow: hidden;}
.count{ float: left;}
.count a,.min,.plus{ vertical-align: middle;display: inline-block;}
.count input,.count_text {border:1px solid #ccc;height: 16px;line-height: 16px;margin: 0 2px;padding: 4px 12px; text-align: center; width:15px;}
.pay a.btn{ float: right; display: block; padding: 5px 15px; background-color: #02a2d5; color: #fff; font-size: 14px;}
.pay a.btn:hover{ background-color: #ff7200; text-decoration: none;}
/******************分页****************/
.pagination { clear: both; margin:20px 0px 30px 0; text-align: right}
.pagination a{ border-width: 1px; height: 18px; line-height: 18px;margin-left: 5px;padding: 4px 12px; background-color: #fff;border: 1px solid #ddd; color: #000;}
.page-skip input { border:1px solid #ccc;height: 16px;line-height: 16px;margin: 0 2px;padding: 4px 12px; text-align: center; width: 20px;}
.page-skip .btn {color: white; background: #02a2d5;border: none; padding: 7px 18px;}
/******************foot****************/
.foot{  width: 1000px; margin:10px auto; overflow: hidden;border-top: 1px solid #ccc; padding: 10px 0; text-align: center; }
.foot a{ color: #02a2d5;}
/******************购物车****************/
.shop_box{width: 1000px; margin:10px auto 40px auto;}
.shop_box .fl,.account_box .fl{ color: #02a2d6; font-size: 25px;}
.ico_car{ background-position: -297px 0; display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 10px;}
.ico_dp{ background-position: -329px 0; display: inline-block; width: 20px; height:21px; vertical-align: middle;}
.process {margin: 50px 0 20px;overflow: hidden;}
/********************************************************* Main : Process - Step ***************************************************/
 .process .step div{ position:relative; float:left; width:160px; height:50px; text-align:center;}
 .process .step div span{ display:block; width:100%; height:4px; margin-top:10px; background:#ccc; overflow:hidden;}
 .process .step .step-1 span{
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-top-left-radius:2px;
    -moz-border-bottom-left-radius:2px;
    -o-border-top-left-radius:2px;
    -o-border-bottom-left-radius:2px;
    -ms-border-top-left-radius:2px;
    -ms-border-bottom-left-radius:2px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
 .process .step .step-3 span{
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-top-right-radius:2px;
    -moz-border-bottom-right-radius:2px;
    -o-border-top-right-radius:2px;
    -o-border-bottom-right-radius:2px;
    -ms-border-top-right-radius:2px;
    -ms-border-bottom-right-radius:2px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}
 .process .step div i{display:block; width:24px; height:24px; margin:-13px auto 10px; text-align:center; line-height:24px; color:#fff; font-weight:bold; font-style:normal; background:#ccc;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
    -o-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
    -ms-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
}
 .process .step div em{ font-style:normal; color:#ccc;}

/**********************************************  Step : Deepen   *********************************************/
 .process .step div.deepen span{ background:#75ddfe;}
 .process .step div.deepen i{ background:#75ddfe;}
 .process .step div.deepen em{ color:#75ddfe;}

/**********************************************  Step : Selected   ********************************************/
 .process .step div.selected span{ background:#00b5ee;}
 .process .step div.selected i{ background:#00b5ee;}
 .process .step div.selected em{ color:#00b5ee;}

.shop_tab{ width: 100%; border-collapse: collapse; border: 1px solid #ccc; border-top: 3px solid #02a2d6;}
.shop_tab th{ border-bottom: 1px solid #ccc; text-align: center; height: 40px; font-size: 15px;}
.shop_tab td{ border-bottom: 1px solid #ccc; text-align: center; height: 40px; font-size: 14px; padding: 10px;}
.shop_coat img{ width:70px; height:70px; float: left; border: 1px dashed #ddd; padding: 5px;}
.shop_coat span{ font-size: 16px; float: left; margin:25px 10px 0 10px;}
.shop_coat .det_box{ float: left; margin-top:25px;  position: relative;}
.shop_coat .det_box a{ background-color: #02a2d6; color: #fff; display: inline-block; padding: 2px 10px;  font-size: 12px; }
.shop_coat .arrow{ display: inline-block; margin-left: 6px; border: 5px solid; border-color:transparent transparent transparent #fff}
.shop_count{ float: right; margin: 20px 15px 20px 0;}
.shop_count span{ color: red; margin-bottom: 10px; display: block;}
.shop_count em{ font-size: 30px; color:#02a2d6 }
.shop_btn{ float: right; margin: 20px 15px 20px 0;}
.shop_btn a { background-color:#84b631; display: inline-block; width:100px; height: 35px; line-height:35px; color: #fff; font-size: 14px;}
a.jx{ background-color:#02a2d6 }
.del{ color:#02a2d6 }
.detail{ display: none; border: 1px solid #ccc; border-top:1px solid #02a2d6; position: absolute; top: 22px; left: 0; font-size: 12px; padding:2px 4px; width: 100px; }

/************************结算页*************************/
.account_box{width: 1000px; margin:10px auto 40px auto; }
.box_out{border: 1px solid #ccc; border-top: 3px solid #02a2d6; padding:5px 25px 25px 25px;}
.address,.times{ border-bottom: 1px dashed #0088cc;}
.address h3,.lists h3,.times h3{ font-size: 16px;}
.address h3 i,.lists h3 i,.times h3 i{color: #02a2d5; margin-right:10px;}
.address h5{ background-color: #ececec; padding:7px 0 7px 10px; color: #666; font-size: 14px; font-weight: normal; margin: 15px 0;}
.add_address{cursor: pointer;}
.new_addr{ display: none;}
.address dl{ margin: 10px; padding: 0;}
.address dt{ width: 95px; float: left; font-size: 14px; margin-top: 5px;}
.address dd{ margin-left: 100px;}
.address input,.address select,.address textarea,.times input,.times select{ border: 1px solid #ccc; padding: 5px ;}
.address .addr{ width: 700px;}
.address em{ color: red; margin-right: 5px;}
.address .save{background-color:#84b631; display: inline-block; width:130px; height: 35px; line-height:35px; color: #fff; font-size: 14px; text-align: center;}
.address .save:hover{ background-color:#ff7200}
.list_tab{ border: none;}
.list_tab th,.list_tab td{ border:0;}
.list_tab th{  background-color: #ececec; font-size: 14px; font-weight: normal; }

.box_pay{ float: right; text-align: right;  margin: 10px 0 20px 0; }
.box_pay p{ line-height: 25px; font-size: 14px; margin: 0;}
.box_pay p i{color: red;}
.box_pay p em{ font-size: 30px; color: #02a2d5;}
.box_pay a{background-color:#02a2d5; display: inline-block; width:100px; height: 35px; line-height:35px; color: #fff; font-size: 14px; text-align: center;}
.box_pay a:hover{ background-color:#ff7200}
.ico_pen{ background-position: -351px 0; display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 10px;}

/************************商品详情*************************/
.detail_box{width: 1000px; margin:10px auto 40px auto; }
.detail_box h3{ color: #02a2d6; font-size: 18px; margin-bottom: 5px;}
.map_box{ border:1px solid #ccc; overflow: hidden;}
.map_box .map_l{ width:360px; float: left; text-align: center; padding: 20px; }
.map_r{ width: 597px;  float:left; border-left: 1px solid #ccc; position: relative; }
.map_r .tips{ color: red; position: absolute; top: 20px; right: 20px;}
.suggest{ padding: 10px 20px 20px 40px;}
.map_r dl{margin: 7px 0; padding: 0; width: 100%; float: left; font-size: 14px;}
.map_r dt{ width:95px; float: left;}
.map_r dd{ margin-left: 100px;}
.box_btn{  margin:0px 15px 20px 0; clear: both;}
.box_btn a { background-color:#84b631; display: inline-block; width:100px; height: 35px; line-height:35px; color: #fff; font-size: 14px; text-align: center;}
.box_btn a.jx{ background-color:#02a2d6 }
.goods{ background-color: #ececec; padding: 15px 0;}
.goods span{ margin-left: 25px;}
.goods em{ margin-left: 25px; color: #02a2d6; font-weight: bold; font-style: normal;}
 .goods span i{ display:inline-block; width:11px; height:11px; margin:-3px 4px 0 0; background:url(../images/service-icon.png) no-repeat; vertical-align:middle;}
 .goods span i.xjxd{ background-position:0 -11px;}
 .goods span i.khmyd{ background-position:0 -21px;}
 .goods span i.hdfw{ background-position:0 -32px;}
.word_box{ overflow: hidden;}
 .dialog{ width:938px; padding: 0 30px; height:240px; margin:0 auto; color:#444; border:1px solid #ccc; overflow: hidden;}
 .dialog .desc{ float:left; width:540px; margin-top:22px; overflow:hidden; font-size: 14px;}
 .dialog h3{ font-size:18px; color:#00b5ee; font-weight: normal;}
 .dialog h3 span{ margin-left:10px; font-size:12px; color:#444;}
 .dialog  img{ float:right; width:328px; margin-top:18px; height:198px; background:#f1f1f1;}
.dialog-1,.dialog-2{ border-bottom: none;}
.dialog-2,.dialog-3{ border-top: none;}
.dialog-2 .desc{ float: right;}
.dialog-2  img{ float: left;}
.price1{ text-decoration: line-through;}
.price2{ font-size:20px;color: #02a2d6;}
.adv{ background: #00b5ee; display: inline-block; padding:0px 15px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); color: #fff;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}



